<template>
<div>
 <el-carousel indicator-position="outside">
   <!-- 展示图片组 -->
    <el-carousel-item v-for="item in imgs" :key="item">
     <el-image
      style="height: 600px"
      :src="item"
      :fit="contain"></el-image>
    </el-carousel-item>
  </el-carousel>

</div>
    
</template>
<script>
import homeImg1 from "../assets/indexImages/1.png";
import homeImg2 from "../assets/indexImages/2.png";
import homeImg3 from "../assets/indexImages/3.png";
import homeImg4 from "../assets/indexImages/4.png";
export default {
  name:"Index",
  data(){
    return {
      // 存放要展示的图片
      imgs:[homeImg1,homeImg2,homeImg3,homeImg4]
    }
  }
  }
</script>
<style scoped>

</style>
